<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>用户注册</title>
    <link href="assets/css/register.css" rel="stylesheet" type="text/css" />
    <link href="assets/css/public.css" rel="stylesheet" type="text/css" />
    <link href="assets/css/fa47/css/font-awesome.css" rel="stylesheet" type="text/css" />
    <script src="assets/js/init.js"></script>
    <script>
        var newsItem={"theTitle":"第一条新闻","theTime":"2025-04-09"};
        function checkForm(){
            var pwd=document.getElementById("tbPWD").value;
            var pwdConfirm=document.forms["formReg"]["tbPWDConfirm"].value;
            if(pwd==pwdConfirm)
                return true;
            else{
                document.getElementById("divMsg").innerText="两次密码输入不一致，请确定后重试！"
                return false;
            }
        }
    </script>
    <script>
        $(document).ready(function(){
            $(".stuAreaTitle").click(function(){
                $(".stuAreaCotent").slideToggle(5000);
            })
        })
    </script>
</head>
<body>
    <div class="container">
        <div class="avatar">
            <img src="assets/img/avatar.png" />
        </div>
        <div class="regContainer">
            <form method="post" mame="formReg" id="formReg" action="#" onsubmit="return checkForm()">
                <div><input type="text" placeholder="请输入有效手机号" required pattern="^1[35789][0-9]{9}$" title="有效的手机号格式" /></div>
                <div><input name="tbPWD" id="tbPWD" type="password" placeholder="6-20个字符" required pattern="^[a-zA-Z][a-zA-Z0-9_]{5,19}$" /></div>
                <div><input name="tbPWDConfirm" id="tbPWDConfirm" type="password" placeholder="请再次输入密码" required /></div>
                <div><i class="fa fa-users"></i><input type="text" required class="tbNickName" placeholder="站内昵称" /></div>
                <div class="hide"><input type="checkbox" />记住我</div>
                <div><button>我要注册11</button></div>
            </form>
        </div>
        <div id="divMsg" style="text-align: center;padding-top: 15px;color: rgb(143, 5, 5);"></div>
    </div>
</body>
</html>